/**
 * Created by Administrator on 2017/2/27.
 */
var Collapse = require('../../../src/libs/collapse').Collapse;
var Panel = require('../../../src/libs/collapse').Panel;

var Root = React.createClass({
    getInitialState: function () {
        return{

        }
    },
    componentDidMount: function(){
        UEventHub.emit("pageLoad","hello world!");
    },
    render: function() {
        var collapseSettings = {
            defaultKey: 0,
            afterCallBack : function(){
                console.log("回调");
            }
        };
        var panelTwoSettings = {
            arrow : {
                style : {
                    top: "6px",
                    left: "130px"
                },
                openContent : "<i class='icon-sanjiaoxing iconfont'></i>",
                closeContent : "<i class='icon-sanjiaoxing2 iconfont'></i>"
            },
            headerCanClick: true,
            arrowCanClick: true
        };
        return (
            <div>
                <div className="mod-account container">
                    <div className="sub-nav">
                        <Collapse accordion  {...collapseSettings}>
                            <Panel title={'关于我们'} key="1" {...panelTwoSettings}>
                                <ul>
                                    <li><a href="../PlatformIntro/index.html">平台介绍</a></li>
                                    <li><a href="../Insurance/index.html">安全保障</a></li>
                                    <li><a href="../PlatformNotice/index.html">平台公告</a></li>
                                    <li><a href="../NounExplain/index.html">名词解释</a></li>
                                    <li className="current"><a href="../ServiceProtocol/index.html">服务协议</a></li>
                                    <li><a href="../DisclaimerStat/index.html">免责声明</a></li>
                                    <li><a href="../LinkUs/index.html">联系我们</a></li>
                                </ul>
                            </Panel>
                            <Panel title={'关于投资'} key="2" {...panelTwoSettings}>
                                <ul>
                                    <li><a href="../InvestOperaGuide/index.html">投资操作指引</a></li>
                                    <li><a href="../InvestQuestion/index.html">投资问题</a></li>
                                    <li><a href="../ExchangeQuestion/index.html">兑付问题</a></li>
                                </ul>
                            </Panel>
                            <Panel title={'关于融资'} key="3" {...panelTwoSettings}>
                                <ul>
                                    <li><a href="../FinanceOperaGuide/index.html">融资操作指引</a></li>
                                </ul>
                            </Panel>
                            <Panel title={'账户管理'} key="4" {...panelTwoSettings}>
                                <ul>
                                    <li><a href="../RegOperaGuide/index.html">注册操作指引</a></li>
                                    <li><a href="../RegFaq/index.html">注册常见问题</a></li>
                                    <li><a href="../AddCardOperaGuide/index.html">添加银行卡操作指引</a></li>
                                    <li><a href="../BankCardFaq/index.html">银行卡常见问题</a></li>
                                    <li><a href="../FindPwdOperaGuide/index.html">找回密码操作指引</a></li>
                                    <li><a href="../RealNameAuthenGuide/index.html">实名认证指引</a></li>
                                    <li><a href="../RealNameAuthenFaq/index.html">实名认证常见问题</a></li>
                                </ul>
                            </Panel>
                        </Collapse>
                    </div>
                    <div className="account padding">
                        <div className="help-main">
                            <div className="mod-title title"><b></b>服务协议详情<b></b></div>
                            <div className="protocol-detail">
                                <h1>《互联网投融资平台用户服务协议》</h1>
                                <div className="content">
                                    <p className="fc-link">一、重要提示</p>
                                    <p>
                                        1.【新昌农商银行】 (下称"本平台")所提供的服务包含本平台网站体验和使用、互联网金融消息中介服务以及本平台提供的任何其他特色功能、内容或应用程序(合称"平台服务")。</p>
                                    <p>
                                        2."本平台"的使用者，即通过注册手续，浏览"本平台"有关信息，使用有关服务的用户（以下简称“用户”）选择并在注册过程中点击确认同意接受本协议的，视为用户接受本平台的服务时必须受本协议约束。若用户不接受，请立即离开本平台。</p>
                                    <p>3.如果用户使用本平台及其各种平台服务，请务必认真阅读本协议。用户使用本平台服务所享有的权利、承担的义务和使用本平台服务的业务流程及相关限制、隐私及保密条款等。</p>
                                    <p>4.确认本协议的本平台用户必须为中华人民共和国境内具备完全民事行为能力的中国公民。任何不符合上述条件的主体均不得成为本协议的适格主体，即使其已通过平台确认本协议。</p>
                                    <p className="fc-link"> 二、本平台服务</p>
                                    <p>1.投资服务是由本平台向个人用户提供的服务，具体服务内容主要包括：交易信息展示、交易撮合、由本平台指定的支付清算机构进行交易资金划付等，具体详情以本平台当时提供的服务内容为准。</p>
                                    <p>2.本平台作为用户之间交易的居间撮合角色存在，不涉及用户的交易内容及其交易资金管理服务。用户的交易约定内容和风险应由约定双方各自承担；交易资金管理服务由本平台指定的支付清算机构提供。</p>
                                    <p>3.广东网金控股股份有限公司作为本平台的运营服务提供商，代表本平台与用户签署本协议，享有在本协议项下的权利并履行本协议项下的义务。</p>
                                    <p className="fc-link">三、本平台交易</p>
                                    <p>1.交易主体</p>
                                    <p>本平台交易过程，将涉及如下四方，定义如下：</p>
                                    <p>1.1.融资（借入）人：通过本平台发布借款融资项目需求的用户，并受到《【e惠农商投融资平台】服务协议（融资人版）》（具体融资人版服务协议版本见融资项目产品说明）规定的约束。

                                    </p>
                                    <p className="fc-link">一、重要提示</p>
                                    <p>
                                        1.【e惠农商投融资平台】 (下称"本平台")所提供的服务包含本平台网站体验和使用、互联网金融消息中介服务以及本平台提供的任何其他特色功能、内容或应用程序(合称"平台服务")。</p>
                                    <p>
                                        2."本平台"的使用者，即通过注册手续，浏览"本平台"有关信息，使用有关服务的用户（以下简称“用户”）选择并在注册过程中点击确认同意接受本协议的，视为用户接受本平台的服务时必须受本协议约束。若用户不接受，请立即离开本平台。</p>
                                    <p>3.如果用户使用本平台及其各种平台服务，请务必认真阅读本协议。用户使用本平台服务所享有的权利、承担的义务和使用本平台服务的业务流程及相关限制、隐私及保密条款等。</p>
                                    <p>4.确认本协议的本平台用户必须为中华人民共和国境内具备完全民事行为能力的中国公民。任何不符合上述条件的主体均不得成为本协议的适格主体，即使其已通过平台确认本协议。</p>
                                    <p className="fc-link"> 二、本平台服务</p>
                                    <p>1.投资服务是由本平台向个人用户提供的服务，具体服务内容主要包括：交易信息展示、交易撮合、由本平台指定的支付清算机构进行交易资金划付等，具体详情以本平台当时提供的服务内容为准。</p>
                                    <p>2.本平台作为用户之间交易的居间撮合角色存在，不涉及用户的交易内容及其交易资金管理服务。用户的交易约定内容和风险应由约定双方各自承担；交易资金管理服务由本平台指定的支付清算机构提供。</p>
                                    <p>3.广东网金控股股份有限公司作为本平台的运营服务提供商，代表本平台与用户签署本协议，享有在本协议项下的权利并履行本协议项下的义务。</p>
                                    <p className="fc-link">三、本平台交易</p>
                                    <p>1.交易主体</p>
                                    <p>本平台交易过程，将涉及如下四方，定义如下：</p>
                                    <p>1.1.融资（借入）人：通过本平台发布借款融资项目需求的用户，并受到《【e惠农商投融资平台】服务协议（融资人版）》（具体融资人版服务协议版本见融资项目产品说明）规定的约束。

                                    </p>
                                </div>
                            </div>

                            <div className="clear"></div>
                        </div>
                    </div>
                    <div className="clear"></div>
                </div>
            </div>
        )
    }
});
ReactDOM.render(<Root/>, document.getElementById('giraffe'));